<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>WebRTC MediaStream API</title>
</head>

<body>

   <video autoplay></video>

   <div>
      <button id="btnGetAudioTracks">getAudioTracks()
      </button>
   </div>
   <div>
      <button id="btnGetTrackById">getTrackById()
      </button>
   </div>
   <div>
      <button id="btnGetVideoTracks">
         getVideoTracks()
      </button>
   </div>
   <div>
      <button id="btnGetTracks">
         getTracks()
      </button>
   </div>

   <div>
      <button id="btnRemoveAudioTrack">removeTrack() - audio
      </button>
   </div>
   <div>
      <button id="btnRemoveVideoTrack">removeTrack() - video
      </button>
   </div>

   <script src="../js/client.js" type="text/javascript"></script>
</body>

</html>